<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="../../css/game.css">
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}">
    <link rel="stylesheet" th:href="@{/css/bootstrap-theme.css}">
    <link rel="stylesheet" th:href="@{/css/game.css}">
</head>
<body style="height: 1200px;">
<nav th:replace="layouts::#nav_header"></nav>

<!--		&lt;!&ndash;顶部&ndash;&gt;-->
<!--		<div id="nav_header">-->
<!--		-->
<!--  <nav class="navbar navbar-default">-->
<!--		<div class="container">-->
<!--          <div class="container-fluid">-->
<!--			  -->
<!--    &lt;!&ndash; Brand and toggle get grouped for better mobile display &ndash;&gt;-->
<!--            <div class="navbar-header">-->
<!--      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">-->
<!--        <span class="sr-only">Toggle navigation</span>-->
<!--        <span class="icon-bar"></span>-->
<!--        <span class="icon-bar"></span>-->
<!--        <span class="icon-bar"></span>-->
<!--      </button>-->
<!--      <a class="navbar-brand" href="#">-->
<!--      	<img src="../../img/logo%20(1).png">-->
<!--      </a>-->
<!--            </div>-->

<!--    &lt;!&ndash; Collect the nav links, forms, and other content for toggling &ndash;&gt;-->
<!--    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">-->
<!--    -->
<!--      <ul class="nav navbar-nav navbar-right">-->
<!--        <li><a href="#">首页</a></li>-->
<!--        <li><a href="#">作品展示</a></li>-->
<!--        <li><a href="#">招贤纳士</a></li>-->
<!--        <li><a href="#">联系我们</a></li>-->
<!--        <li><a href="#">关于公司</a></li>-->
<!--        <li><a href="#">中<span class="spn1">|</span><span class="spn2">EN</span></a></li>-->
<!--                 -->
<!--      </ul>-->
<!--    </div>&lt;!&ndash; /.navbar-collapse &ndash;&gt;-->
<!--          </div>&lt;!&ndash; /.container-fluid &ndash;&gt;-->
<!--  </div>-->
<!--  </nav>-->
<!-- nav -->

<!--		</div>-->

<!--轮播图 -->
<div id="nav_player">
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <!--导航点 -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

        </ol>

        <!-- Wrapper for slides -->

        <!--背景图-->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="../../img/banner.png" width="100%" alt="...">
            </div>

            <!-- Controls -->
            <!--
                左右按钮
            -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <div class="Lbtn">
                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </div>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <div class="Lbtn">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span></div>
            </a>
        </div>
    </div>
</div>



<!--内容产品列表-->
<div id="nav_product">
    <div class="title">

        <h2>游戏名称</h2>

    </div>
    <ul>
        <li class="col-md-2 col-sm-4 col-xs-6">
            <a href="javascript">
                <div class="box">
                    <img src="../../img/lunbo1.png">
                    <p>mmmmmmmmmmmmmmmmmmm</p>
                </div>
            </a>
        </li>

        <li class="col-md-2 col-sm-4 col-xs-6">
            <a href="javascript">
                <div class="box">
                    <img src="../../img/lunbo2.png">
                    <p>mmmmmmmmmmmmmmmmmmm</p>
                </div>
            </a>
        </li>

        <li class="col-md-2 col-sm-4 col-xs-6">
            <a href="javascript">
                <div class="box">
                    <img src="../../img/lunbo3.png">
                    <p>mmmmmmmmmmmmmmmmmmmm</p>
                </div>
            </a>
        </li>

        <li class="col-md-2 col-sm-4 col-xs-6">
            <a href="javascript">
                <div class="box">
                    <img src="../../img/lunbo4.png">
                    <p>mmmmmmmmmmmmmmmmmmmm</p>
                </div>
            </a>
        </li>

        <li class="col-md-2 col-sm-4 col-xs-6">
            <a href="javascript">
                <div class="box">
                    <img src="../../img/lunbo5.png">
                    <p>mmmmmmmmmmmmmmmmmmmm</p>
                </div>
            </a>
        </li>

        <li class="col-md-2 col-sm-4 col-xs-6">
            <a href="javascript">
                <div class="box">
                    <img src="../../img/lunbo6.png">
                    <p>mmmmmmmmmmmmmmmmmmmm</p>
                </div>
            </a>
        </li>

    </ul>
    <div class="more">
        <a href="javascript">更多作品</a>


    </div>

</div>

<div id="nav_why_do">
    <h2>游戏类型</h2>
    <div class="nav_box">
        <ul class="container">
            <li class="col-sm-2 col-xs-4">
                <img src="../../img/doimg_1.png">
                <span>手游</span>
            </li>

            <li class="col-sm-2 col-xs-4">
                <img src="../../img/doimg_3.png">
                <span>端游</span>
            </li>
            <li class="col-sm-2 col-xs-4">
                <img src="../../img/doimg_4.png">
                <span>次时代</span>
            </li>
            <li class="col-sm-2 col-xs-4">
                <img src="../../img/doimg_5.png">
                <span>单机</span>
            </li>
        </ul>
    </div>
</div>
<!-- 相关领域结束 -->
<!-- 友好链接 -->
<div id="nav_link">
    <div class="container">

    </div>
</div>
<!-- 友好连接结束 -->
<!-- 底部栏 -->
<div id="nav_footer">

</div>
<!-- 底部栏结束 -->
<script src="../../js/jquery-3.4.1.js"></script>
<script src="../../js/bootstrap.min.js" type="text/javascript"></script>
<script src="../../js/demo.js" type="text/javascript"></script>

</body>

</html>
